﻿/*公共样式公共样式公共样式公共样式公共样式公共样式*/

body {background-color:#fff; color:#444;}

.container {
  padding-right:8px;
  padding-left:8px;
  margin-right: auto;
  margin-left: auto;
}

img {
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}

ul li {
	list-style-type:none;
}


a {
	color:#444;
}
a:hover, a:focus {
    text-decoration: none;
}

.clear {clear: both; height:1px;}
.clearfix20 {
	clear: both;
	height:20px;
}
.clearfix {
	clear: both;
	height:10px;
}

/*导航条*/
@media (max-width:767px) {

.navbar-default {
  background-color:#fff;
  border-color: #fff;
  height:40px;
}
.nav > li > a {
  position: relative;
  display: block;
  font-size: 12px;
  padding:14px 6px 14px 30px;
  background: #fff;
}

.navbar-toggle {
    margin-right: 30px;
	}

}

@media (min-width: 768px) {
 .navbar-default {
  background-color:#fff;
  border-color:#fff;
  height:60px;
}
.nav > li > a {
  position: relative;
  display: block;
 font-size: 12px;
 padding: 14px 7px 14px 7px;

}

.carousel-indicators li {
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius:2px;
}

.carousel-indicators .active {
    width: 4px;
    height: 4px;
    margin: 0;
    background-color: #fff;
}


}
@media (min-width: 992px) {
 .navbar-default {
  background-color:#fff;
  border-color: #fff;
  height:60px;
}
.nav > li > a {
  position: relative;
  display: block;
  font-size: 16px;
  padding: 20px;

}


.carousel-indicators li {
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 3px;
}

.carousel-indicators .active {
    width: 5px;
    height: 5px;
    margin: 0;
    background-color:#E51E01;
}


}

@media (min-width: 1200px) {
 .navbar-default {
  background-color:#fff;
  border-color:#fff;
  height:60px;
  
}
.nav > li > a {
  	position: relative;
  	display: block;
 	font-size:18px;
	padding:15px 20px 10px 20px;
	margin-top:15px;

}

.carousel-indicators li {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 6px;
}

.carousel-indicators .active {
    width: 8px;
    height: 8px;
    margin: 0;
    background-color: #fff;
}

}

.nav > li {position: relative; display: block;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	text-decoration: none; color:#E51E01; border-top:3px solid #E51E01;}
	
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  text-decoration: none; color:#E51E01; border-top:3px solid #E51E01;}
.navbar {margin-bottom: 0px; border:0;}
.navbar-nav { margin: 0px 0px 0px 0px;}
.navbar-brand {float:left; height:60px; padding:0px 15px; line-height:60px;}
.navbar-default .navbar-toggle { border-color: #dddddd; background-color: #fff; }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color:#cccccc;}
.navbar-default .navbar-toggle .icon-bar {background-color:#000;}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {border-color: #4AB344;}


/*首页产品中心样式*/


.thumbnail {
    border: 1px solid #eee;
    border-radius:2px;
}


.art > a:hover, a:focus {
    color: #fff;
    text-decoration: none;
}

.zixun {
    padding: 6px 10%;
    line-height: 35px;
    margin-left: 1%;
    margin-bottom: 15px;
    background: #0B4E92;
	color:#FFF;
}

.zixun_1 {
    padding: 6px 10%;
    line-height: 35px;
    margin-left: 1%;
    margin-bottom: 15px;
    margin-left: 20px;
    background: #EEA00A;
	color:#FFF;
}


/*首页按钮样式*/

.btn-primary {
    color: #fff;
    background-color: #0465D7;
    border-color: #0465D7;
width: 15%;
    margin: 0 auto;
    height: 50px;
}




/*产品中心样式*/

.tit >a:hover, a:focus {
	color: #E51E01;
    text-decoration:none;
}

/*关于宏科样式*/

.equiment-ul{
	display: block;
	margin:20px auto;
	
}

.equiment-ul li {
	list-style-type:none;
	
}

.equiment-ul a {
	background:#FFF;
	border:1px solid #ccc;
	padding:10px 50px;
	border-radius:5px;
	text-decoration:none;
	font-size:16px;
}

.equiment-ul a:hover {
	background:#E51E01;
	color:#FFF;
	}

.cont {
	border-right:#E51E01;
}


/*产品详情页样式*/

.details-pro h3 {
	text-align: center;
	color: #0F0F0F;
	margin-top:25px;
}
.details-pro ul li {
	list-style: none;
	line-height: 30px;
	font-size: 14px;
	color:#888888;
}
.details-pro ul li span {
	color:#E84733;
	font-size:18px;
	font-weight:700;
}



.art1 > a:hover, a:focus {
    color: #fff;
    text-decoration: none;
}

.zixun1 {
    padding:16px 15%;
    line-height: 45px;
    margin-left: 1%;
    margin-bottom: 25px;
    background: #4B5661;
	color:#FFF;
}

.zixun_2 {
    padding:16px 15%;
    line-height: 45px;
    margin-left: 1%;
    margin-bottom: 25px;
    margin-left: 25px;
    background: #E51E01;
	color:#FFF;
}


/*留言板样式*/
.form-control {
  
    border-radius: 0px;
	}


/*球磨机产品详情页表格样式*/


.tbl tr th {
	background:#686868; 
	color:white;
	border: 1px solid white;
	text-align:center;
	vertical-align: center;
}
.tbl td {
	border: 1px solid #888888;
	padding:20px 20px;
	text-align:center;
	
}
.tbl tr:nth-of-type(odd) { 
		background: #eee; 
	}

.tbl tr:hover {
	background: #FE9C7F;
	color: white;
}

/*工程案例改版样式*/

.cas li {
	
	margin-bottom: 25px;
	width: 100%;
	transition: .2s width ease;
	background: #f0f3fa;
	overflow: hidden;
	
}

.list_img {
    float: left;
    width: 50%;
    overflow: hidden;
}

.list_text {
    padding: 3% 4%;
    float: right;
    width: 48%;
    overflow: hidden;
    text-align: left;
	font-size:16px;
	line-height:30px;
}

.odd .list_img {
    float: right;
}
.odd .list_text {
    float: left;
}


.cas li:hover {
    background-color: #105db6;
	color:#FFF;
}

.cas li .list_img img{ transition: transform 400ms; -webkit-transition: -webkit-transform 400ms;}
.cas li:hover .list_img img{ transform: scale(1.15); -webkit-transform: scale(1.15);}

.kase_more a{ 
	display: inline-table;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	border: 1px solid #878787;
	text-align: center;
	padding:0 25px;
	overflow:hidden;
	position:relative;
	margin-top:10px;
  }

.cas li:hover .kase_more a {
    color: #fff;
	border: 1px solid #fff;
}



/*案例列表改版样式*/

.list-unstyle {
  list-style: none;
  padding-left: 0;
}

  @media (min-width: 1200px){
  	
.line-big1 {
  margin-right: -15px;
  margin-left: -15px;
}

.line-big1 .xb31 .xl61 .xm41 {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  min-height: 1px;
}

}

.cas1 li a, .model-case1 a {
  position: relative;
  display: block;
  width: 100%;
}

.img-res1 {
  width: 100%;
}
.img-res1, .img-responsive1 {
  display: block;
  height: auto;
}

.cas1 li p, .model-case1 h4 {
  position: absolute;
  bottom: -10px;
  display: block;
  width: 100%;
  height: 34px;
  background-color: #dd011c;
  color: #fff;
  line-height: 34px;
  opacity: .8;
}
.cas1 p {
  text-align: center;
}

 .col-md-3, .col-lg-3, .col-xs-6, .col-sm-6 {
 	
padding-right: 13px;
padding-left: 3px;
padding-bottom: 26px;
 	
 	
}


 /*在线留言*/
.btn-primary:hover {color: #fff;background-color:#00479A;border-color: #00479A;}
.form-horizontal>div:nth-child(1){    width: 45%;    margin-right: 10%;}
.form-horizontal>div:nth-child(2){    width: 45%;  }
.form-horizontal>div:nth-child(3){    width: 100%;  }
.form-horizontal>div:nth-child(3) .col-sm-9{width: 88.5%;}
.form-horizontal>div:nth-child(3) .form-control{height: 150px;}
.form-horizontal{    display: flex;    flex-wrap: wrap;}
.control-label{width: auto;    padding-top: 10px!important;}
.message .col-sm-9{width: 90%;}
.message1{   background: #F3F3F3;padding: 80px 0 0 0;}
.message{    width: 1170px;margin: 0 auto;}
td{    background: #F3F3F3;}
html{    background: #F3F3F3;}
.form-control{    height: 51px;}
.form-group {margin-bottom: 30px;}
.form-control:focus{    border-color: #0465D7;    -webkit-box-shadow: inherit;box-shadow: inherit;}
.message h2 {background: #0465D7;width: 60px;height: 3px;margin: 0 auto;}
.message h3 {color: #0465D7;font-size: 40px;margin: 10px 0 60px 0;text-align: center;}
.message>p {margin-bottom: 30px;font-size: 16px;}
.message1{width: 100%;}


 /*底部*/
.bottom{background: #173974;}
.bottom-1{color: #fff;display: flex;flex-direction: row;width: 1170px;margin: 0 auto;padding: 40px 0 20px 0;}
.bottom-1-1{display: flex;flex-direction: row;    width: 40%;}
.bottom-1-1 a{color: #fff;text-decoration: none;margin-bottom: 15px;}
.bottom-1-1 li{display: flex;flex-direction: column;margin-right: 50px;}
.jc{font-size: 20px;font-weight: 600;}
.bottom-1-2{width: 32%;}
.bottom-1-2 h2{font-size: 20px;margin: 0;    margin-bottom: 20px;}
.bottom-1-3{display: flex;width: 28%;}
.bottom-1-3 li{margin-left: 30px;list-style-type: none;}
.bottom-1-3 li p{margin: 10px 0 0 0;text-align: center;}
.bottom-2{background: #002C5F;color: #fff;line-height: 51px;text-align: center;}
.bottom-2 p{margin: 0;}


@media (max-width: 1000px) {
.message1 {padding: 50px 0;}
.message {    width: 100%;padding: 0 10px;}
.form-horizontal>div:nth-child(1){    width: 100%;    margin-right: 0;}
.form-horizontal>div:nth-child(2){    width: 100%;  }
  .form-horizontal>div:nth-child(3) .col-sm-9 {width: 100%;}
.form-control {width: 99%;}
.form-group {margin-bottom: 10px;}
.message h3 {color: #0465D7;font-size: 30px;margin: 10px 0 30px 0;}
.message>p {margin-bottom: 30px!important;font-size: 13px!important;}
.row {margin-right: 0;margin-left: 0;}
.container > .navbar-header{margin-right: -5px;}
.strength-nr li p,.strength-nr li h3{width: 100%!important;}
.cas{padding: 0;}
.list_img,.list_text{
    width: 100%;}
.bottom-1{width: 100%;padding: 30px 10px 10px 10px;}
.bottom-1-1,.bottom-1-3{display: none;}
.bottom-1-2 h2{font-size: 16px;}
.bottom-1-2 p{font-size: 14px;}
.bottom-1-2 {width: 100%;}
.bottom-2 {	font-size: 12px;line-height: 40px;}
}

